<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html5布局</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/html5.css" />
	</head>
	<body>
		<section class="wrapper">
			<header></header>
			
			<div class="clearfix">
				<h2>blockquote标签</h2>
				<blockquote>是的范德萨范德萨</blockquote>
				
				<nav class="fl"></nav>
				
				<section>
					<header></header>
					<article></article>
					<footer></footer>
				</section>
				
				<aside class="fr"></aside>
			</div>
			
			<div class="spinner"><i></i></div>
			
			<div class="circle">sfsf</div>
			
			
			
 
			 <ul id="time">
			  <li>
			   <span>2016-04-23</span>
			  </li>
			 </ul>
			
			
			
			<footer></footer>
		</section>
		
		<script>
		// 日期大小判断
		 window.onload=function(){
		  var ul1=document.getElementById("time");
		  var span1=ul1.getElementsByTagName("span");
		  var data=span1[0].innerHTML;
		        var a = data.split(" ");
		        var b = a[0].split("-");
		        //var c = a[1].split(":");
		        //var oldTime = new Date(b[0], b[1]-1, b[2], c[0], c[1], c[2]);
		        var oldTime = new Date(b[0], b[1]-1, b[2]);
		  var nowTime=new Date();
		  document.write((nowTime-oldTime)/(1000*60*60*24)>30?"大于30":"小于30");
		 }
		 
		 document.onmousemove = function() {
		 	
		 }
		 </script>
	</body>
</html>
